.jd_container{
	min-width: 320px;
	max-width: 640px;
	width: 100%;
	margin: 0 auto;
	background: pink;
}
/*顶部搜索*/
.jd_search{
	width: 100%;
	height: 40px;
	/*fixed是相对于浏览器 所以会超出布局*/
	position: fixed;
	left: 0;
	top: 0;
	/*background: red;*/
	z-index: 99;
}
.jd_search .jd_search_box{
	width: 100%;
	height: 40px;
	min-width: 320px;
	max-width: 640px;
	background: rgb(201,21,35,0);
	margin: 0 auto;
	position: relative;
}
.jd_search .jd_search_box .icon_logo{
	position: absolute;
	left: 10px;
	top: 4px;
	width: 60px;
	height: 36px;
	/*background: url('../images/sprites.png') no-repeat 0 -103px / 200px 200px;*/
	background-position: 0 -103px;
}
.jd_search .jd_search_box .login{
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
}
.jd_search .jd_search_box form{
	width: 100%;
	padding-left: 70px;
	padding-right: 50px;
	position: relative;
}
.jd_search .jd_search_box form .icon_search{
	height: 20px;
	width: 20px;
	position: absolute;
	left: 80px;
	top: 10px;
	/*background: url("../images/sprites.png") no-repeat -60px -109px / 200px 200px;*/
	background-position: -60px -109px;
}
.jd_search .jd_search_box form input{
	width: 100%;
	height: 30px;
	margin-top: 5px;
	border-radius: 15px;
	background: #fff;
	padding-left: 35px;
}
/*轮播图*/
.jd_banner{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.jd_banner ul:first-child{
	/*图片列表 左浮动 共十张 占1000%*/
	width: 1000%;
	transform: translateX(-10%);
	-webkit-transform: translateX(-10%);
}
.jd_banner ul:first-child li{
	/*占据 ul 的10%,在界面是以100%显示*/
	width: 10%;
	float: left;
}
.jd_banner ul:first-child li a{
	width: 100%;
	/*界面内可点击*/
	display: block;
}
.jd_banner ul:first-child li a img{
	width: 100%;
	/*因为img默认为inline 会有图片下间隙的问题存在(图片对齐文字基线,底下会有留白)*/
	display: block;
}
.jd_banner ul:last-child{
	/*轮播图底下的点 数值都是计算的*/
	width: 118px;
	position: absolute;
	bottom: 6px;
	left: 50%;
	margin-left: -59px;
}
.jd_banner ul:last-child li{
	width: 6px;
	height: 6px;
	border-radius: 3px;
	border: 1px solid #fff;
	margin-left: 10px;
	float: left;
}
.jd_banner ul:last-child li:first-child{
	margin-left: 0;
}
.jd_banner ul:last-child li.now{
	background: #fff;
}
/*导航栏*/
.jd_nav{
	width: 100%;
	background: white;
	border-bottom: 1px solid #ccc;
}
.jd_nav ul{
	width: 100%;
	padding-top: 10px;
}
.jd_nav ul li{
	width: 25%;
	float: left;
}
.jd_nav ul li a{
	width: 100%;
	display: block;
}
.jd_nav ul li a img{
	/*二倍图*/
	width: 40px;
	height: 40px;
	margin: 0 auto;
	display: block;
}
.jd_nav ul li a p{
	text-align: center;
	font-size: 12px;
	color: #666;
	padding: 5px 0;
}
/*产品区块*/
.jd_product{
	padding: 0 5px;
}
.jd_product_box{
	margin-top: 10px;
	box-shadow: 0 0 2px #ccc;
	background: white;
}
.jd_product_box .jd_product_title{
	height: 34px;
	line-height: 34px;
	border-bottom: 1px solid #ddd;
}
.jd_product_box .noborder{
	border-bottom: none;
}
.jd_product_box .jd_product_title h3{
	font-weight: normal;
	padding-left: 23px;
	position: relative;
}
.jd_product_box .jd_product_title h3::before{
	content: "";
	width: 3px;
	height: 12px;
	background: #d8505c;
	position: absolute;
	left: 10px;
	top: 11px;
}
.second_kill .icon{
	/*秒杀区*/
	width: 16px;
	height: 20px;
	float: left;
	margin-left: 10px;
	margin-top: 7px;
	background: url(../images/seckill-icon.png) no-repeat center / 16px 20px;
}
.second_kill .name{
	float: left;
	margin-left: 10px;
	font-size: 14px;
	color: #d8505c;
}
.second_kill .time{
	float: left;
	margin-left: 10px;
}
.second_kill .time span{
	float: left;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	color: #fff;
	background: #333;
	margin-left: 3px;
	margin-top: 9px; 
}
.second_kill .time span:nth-child(3n){
	background: #fff;
	width: 3px;
	color: #333;
}
.second_kill .pro{
	width: 100%;
	padding-top: 10px;
}
.second_kill .pro li{
	width: 33.33333%;
	float: left;
}
.second_kill .pro li a{
	display: block;
	border-right: 1px solid #ccc;
}
.second_kill .pro li:last-child a{
	border-right: none;
}
.second_kill .pro li a img{
	width: 64%;
	display: block;
	margin: 0 auto;
}
.second_kill .pro li p{
	text-align: center;
	font-size: 12px;
	padding: 5px 0;
}
.second_kill .pro li p.nowPrice{
	color: #d8505c;
	font-weight: bold;
}
.second_kill .pro li p.oldPrice{
	color: #666;
	text-decoration: line-through;
}
/*组合样式*/
.w_50p{
	width: 50%;
}
.w_50p img{
	display: block;
	width: 100%;
}
.bl{
	border-left: 1px solid #ddd;
}
.br{
	border-right: 1px solid #ddd;
}
.bb{
	border-bottom: 1px solid #ddd;
}